<template>
  <view class="bg-green-line" style="position: relative;">
    <view style="position: relative;z-index:10;">
      <my-navbar title="我的定单" leftIcon="arrow-left" leftIconSize="40" :custom="false" :autoBack="true"></my-navbar>
      <my-order></my-order>
      <my-tabbar :menu-select="menuSelect"></my-tabbar>
    </view>
  </view>
</template>

<script>
import {
  mapState,
} from 'vuex'
import myOrder from 'components/my-order/index.vue'
export default {
  components:{
    myOrder
  },
  data() {
    return {
      menuSelect:'1'
    }
  },
  methods: {

  },
  computed: {
    ...mapState(['oneToke', 'store', 'storeList'])
  },
  onReady() {},
  onShow() {}
}
</script>

<style lang="scss" scoped>

::v-deep .u-line{
  display: none !important;
}

.ont-toke {
  // position: absolute;
  // width: 100%;
  // background-color: #4CD964;
  // margin-top: ;
}

.time {
  // margin: auto 40rpx;
  //margin-left: 40rpx;
  //padding: auto 140rpx;
  display: flex;
  flex-direction: row;
  //justify-content: space-around;

  .time-item {
    display: inline-block;
    font-size: 34rpx;
    margin:0rpx 8rpx;
    width:calc(25% - 16rpx);
    ::v-deep .u-tag--primary{
      border-radius:10rpx;
      background: #fff !important;
      border:2px solid #02a257 !important;
      box-sizing: border-box;
    }
    ::v-deep .u-tag--primary .u-tag__text--primary{
      color:#02a257 !important;
      font-weight: bold;
    }

    ::v-deep .u-tag--primary--plain {
      display: flex;
      justify-content: center;
      background: #eeeeee !important;
      border-radius:10rpx;
    }
  }
}
::v-deep .u-button{
  background:#006737 !important;
}
::v-deep .tabs__wrapper__nav__item__text{
  color:#0c9d16 !important;
}
::v-deep .u-tag--primary{

}
::v-deep .u-tag--primary--plain{
  color:#333 !important;
}
.time ::v-deep .u-tag--primary{
  ::v-deep .u-tag__text--primary{
    color:#fff !important;
  }
}

</style>
